import React, { Component } from 'react'
import Navigation from 'components/Navigation/Navigation'
import back from 'images/nav/whiteback@3x.png'
import {LevelContainer} from './StyledChildView'


const btnArr = [
    {
        tag:1,
        title:"恭喜您，等级又提升了",
        time:'2019-10-10 22:00',
        content:'尊敬的乐邦小主，恭喜您荣升为乐帮团的金牌帮主，至尊帮主就在下一站，我们一起加油'
    },
    {
        tag:2,
        title:"恭喜您，等级又提升了",
        time:'2019-05-29 10:00',
        content:'尊敬的乐邦小主，恭喜您荣升为乐帮团的银牌帮主，金牌帮主就在下一站，我们一起加油'
    },
    {
        tag:3,
        title:"恭喜您，等级又提升了",
        time:'2019-01-01 19:00',
        content:'尊敬的乐邦小主，恭喜您荣升为乐帮团的铜牌帮主，银牌帮主就在下一站，我们一起加油'
    }
]
export default class Level extends Component {
    render() {
        return (
            <div>
                 <Navigation
                title = "等级增减提示"
                leftMargin = '0 0 0 .15rem'
                leftWidth = '25%'
                titleSize = '.17rem'
                leftHeight = '.44rem'
                leftImg = {back}
                leftImgWidth = '.2rem'
                clickLeft = {()=>this.onClickLeft("left")}
                ></Navigation>
               <LevelContainer>
                  {
                      btnArr.map((value,index)=>(

                        <li key={value.tag}>
                       <div className="levelLeft">
                           <h2>{value.title}</h2>
                           <p>{value.content}<span>{value.time}</span></p>
                       </div>
                       {/* <div className="levelRight">{value.time}</div> */}
                   </li>
                      ))
                      
                       
                  }
               </LevelContainer>
            </div>
        )
    }
    onClickLeft(tag){
        this.props.history.go(-1)
    
      }
}
